.footer {
  width: 100%;
  clear: both;
  background: rgb(46, 46, 46);
  padding: 1.5rem 0;

  .footer-frame {
    width: 100%;
    clear: both;
    display: flex;
    flex-wrap: wrap;


    .footer-panel {
      width: 20%;
      clear: both;

      * {
        font-family: "BTBlack";
      }

      .title-frame {
        width: 100%;
        clear: both;
        font-size: 0.7rem;
        color: rgb(212, 212, 212);
        font-family: "BTBlack" !important;
      }

      .list-frame {
        width: 100%;
        clear: both;
        display: flex;
        flex-wrap: wrap;

        * {
          font-family: "Helvetica";
        }

        .list-panel {
          width: 100%;
          clear: both;
          margin-top: 0.4rem;
          color: rgb(165, 164, 164);
          font-size: 0.4rem;
          line-height: 0.6rem;
          word-break: keep-all;
          text-transform: Uppercase;
          padding: 5px 0;

          .list-input {
            width: 100%;
            height: 1.2rem;
            background: inherit;
            border: 1px solid #969799;
            padding-left: 10px;
          }
        }
      }
    }

    .contact-frame {
      width: 100%;
      clear: both;
      display: flex;
      margin-top: 2rem;
      justify-content: center;

      .contact-panel {
        width: 16rem;
        height: 2.6rem;
        display: flex;
        align-items: center;

        .logo-frame {
          width: 5.2rem;
          height: 2.6rem;

          .logo {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .info-frame {
          width: 9rem;
          height: 2.6rem;
          margin-left: 1rem;

          .top-frame {
            width: 100%;
            height: 1.2rem;
            font-size: 0.5rem;
            line-height: 0.6rem;
            color: #fff;

            p {
              line-height: 0.6rem;
              margin-bottom: 0px;
              color: rgb(165, 164, 164);
              font-family: "Helvetica";
            }
          }

          .share-frame {
            width: 100%;
            height: 1.2rem;
            margin-top: 0.2rem;
            margin-bottom: 0px;
            display: flex;

            .share-panel {
              width: 1.2rem;
              height: 1.2rem;
              display: flex;
              margin-right: 0.2rem;

              .icon {
                width: 100%;
                height: 100%;
                cursor: pointer;
              }
            }
          }
        }
      }
    }
  }
}
